<script setup lang="ts">
import { onMounted, ref } from 'vue'
import { user_info } from '@/api/login'
let queryform = ref<any>({})

onMounted(() => {
  user_info().then((res) => {
    queryform.value = res as any
  })
})
</script>
<template>
  <div>
    <div style="padding: 30px">
      <el-form ref="form" :model="queryform" label-width="100">
        <el-form-item label="头像：">
          <img
            style="height: 80px; width: 80px; border-radius: 50%; border: 1px #eee solid"
            :src="queryform.member_logo"
            alt="头像"
            srcset=""
          />
        </el-form-item>
        <el-form-item label="昵称：">
          <el-input v-model="queryform.member_name" type="text"></el-input>
        </el-form-item>
        <hr />
        <el-row :gutter="20" style="margin-top: 10px">
          <el-col :span="3" style="color: rgb(162, 162, 162)">收货信息：</el-col>
        </el-row>
        <el-row style="margin-top: 10px">
          <el-col :span="18" :offset="1">
            <el-form-item label="收货人：">
              <el-input v-model="queryform.name" type="text"></el-input>
            </el-form-item>
            <el-form-item label="联系方式：">
              <el-input v-model="queryform.member_phone" type="text"></el-input>
            </el-form-item>
            <el-form-item label="收货地址：">
              <el-input v-model="queryform.member_address" type="text"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <hr />
        <el-row :gutter="20" style="margin-top: 10px">
          <el-col :span="3" style="color: rgb(162, 162, 162)">发票信息：</el-col>
        </el-row>
        <el-row style="margin-top: 10px">
          <el-col :span="18" :offset="1">
            <el-form-item label="发票抬头：">
              <el-input v-model="queryform.invoice_title" type="text"></el-input>
            </el-form-item>
            <el-form-item label="纳税识别号：">
              <el-input v-model="queryform.taxpayer" type="text"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
  </div>
</template>

<style scoped></style>
